import {
  ArrowLeftOutlined,
  InfoCircleOutlined,
  SwapOutlined,
} from "@ant-design/icons";
import { Button } from "knowdesign";
import ResourceConfig from "../ResourceConfig";
import "./index.less";

const Index = () => {
  return (
    <>
      <div className="di-network-config-panel-new-header">
        <div className="di-network-group">
          <div
            className="di-network-status"
            data-spm-anchor-id="0.0.0.i80.6f1e6242D1x0ys"
          >
            <span data-spm-anchor-id="0.0.0.i100.6f1e6242D1x0ys">数据来源</span>
            <div className="di-arrow-right">
              <div
                className="di-arrow-right-circle"
                data-spm-anchor-id="0.0.0.i99.6f1e6242D1x0ys"
              ></div>
              <div className="di-arrow-right-line"></div>
              <div className="di-arrow-right-triangle"></div>
              <div className="di-arrow-right-content">
                <div className="di-arrow-reader-content" style={{ width: 62 }}>
                  <InfoCircleOutlined style={{ color: "rgb(156, 161, 186)" }} />
                  <span
                    className="di-network-message"
                    style={{ color: "rgb(156, 161, 186)" }}
                  >
                    未测试
                  </span>
                </div>
              </div>
            </div>
            <span data-spm-anchor-id="0.0.0.i98.6f1e6242D1x0ys">
              我的资源组
            </span>
            <div className="di-arrow-right">
              <div className="di-arrow-right-circle"></div>
              <div className="di-arrow-right-line"></div>
              <div className="di-arrow-right-triangle"></div>
              <div className="di-arrow-right-content">
                <div className="di-arrow-writer-content" style={{ width: 62 }}>
                  <InfoCircleOutlined style={{ color: "rgb(156, 161, 186)" }} />
                  <span
                    className="di-network-message"
                    style={{ color: "rgb(156, 161, 186)" }}
                  >
                    未测试
                  </span>
                </div>
              </div>
            </div>
            <span>数据去向</span>
          </div>
          <div className="di-network-footer">
            <Button
              // type="primary"
              shape="round"
              icon={<SwapOutlined style={{ paddingLeft: 8 }} />}
              size="small"
              style={{ padding: "0 8px" }}
            >
              <span style={{ fontSize: 10 }}>测试所有连通性</span>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </Button>
          </div>
        </div>
       <ResourceConfig />
      </div>
    </>
  );
};

export default Index;
